/*
* @Description:可视化-区块信息
* @Author: lil
* @Date: 2021/11/30
**/
<template scope="props">
  <div class="blockInfo">
    <p class="title">区块信息</p>
    <table>
      <colgroup>
        <col width="25%">
        <col width="75%">
      </colgroup>
      <tbody>
        <tr>
          <td>通道名称</td>
          <td>{{cChannel}}</td>
        </tr>
        <tr>
          <td>区块ID</td>
          <td>{{cID}}</td>
        </tr>
        <tr>
          <td>生成时间</td>
          <td>{{cTime}}</td>
        </tr>
        <tr>
          <td>前一区块哈希</td>
          <td>{{cPreviousID}}</td>
        </tr>
        <tr>
          <td>交易ID</td>
          <td>{{cTransactionID}}</td>
        </tr>
        <tr>
          <td>链码名称</td>
          <td>{{cCCName}}</td>
        </tr>
        <tr>
          <td>上链数据</td>
          <td>{{cBlockData}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
  export default {
    props: ['cID', 'cChannel', 'cTime', 'cPreviousID', 'cTransactionID', 'cCCName', 'cBlockData'],
    data() {
      return {

      };
    },

    methods: {

    },
  };

</script>

<style lang="scss" scoped>
  .blockInfo {
    color: #fff;

    .title {
      margin: 0;
      text-align: center;
    }

    table {
      border-collapse: collapse;
      margin: 30px auto 20px;
      width: 93%;

      tr {
        td {
          border: 1px solid #496fab;
          padding: 10px;

          &:nth-child(odd) {
            background-color: #3c567a;
          }
        }
      }
    }
  }

</style>
